.process-select{
    display: flex;
    gap: 8px;
    &-base {
        flex-basis: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 40px;
        width: 40px;
        background-color: $color-primary-light-1;
        border-radius: 8px;
        .process-select-icon {
            color: $color-primary;
            font-size: 24px;
        }
        .process-select-http {
            width: 100%;
            height: 100%;
        }
        .process-select-default {
            color: $color-primary;
        }
    }
    
    &-content {
        width: 228px;
        display: flex;
        flex-direction: column;
        line-height: 20px;
        &__top {
            font-size: 14px;
            font-weight: 400;
            color: #262626;
            white-space: nowrap;
            word-break: break-all;
            overflow: hidden;
            text-overflow: ellipsis;;
        }
        &_bottom {
            width: 228px;
            font-size: 12px;
            font-weight: 400;
            display: inline-flex;
            &__text {
                flex-basis: 60px;
                flex-shrink: 0;
                flex-grow: 0;
                color: #8C8C8C;
            }
            &__select {
                width: 168px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                color: $color-primary;   
            }
        }
    }
}